JS - element properties - isContentEditable

revision:

returns "true" if an element's content is editable.

top

The property is read-only.

Syntax:

element.isContentEditable : returns boolean: "true" if the content of an element is editable, otherwise "false".

property value:

none :

example

I am par. Am I editable?

            <div>
                <p id="par" contenteditable="true">I am par. Am I editable?</p>
                <p id="prop"></p>
            </div>
            <script>
                let answer = document.getElementById("par").isContentEditable;
                let text = "par is not editable."
                if (answer == true) {
                    text = "par is editable. Try to change the text."
                }
                document.getElementById("prop").innerHTML = text;
            </script>